:deep(.el-radio__input.is-disabled) {
  span {
    background: #f5f7fa !important;
    border-color: #e4e7ed !important;
  }

  span.el-radio__label {
    color: #999 !important;
  }
}

:deep(.el-radio.is-disabled.is-checked) {
  span.el-radio__label {
    color: #999 !important;
  }
}

.in_warehouse_dialog {
  display: flex;
  flex-direction: column;
  row-gap: 14px;

  .tip {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 14px;

    .iconfont {
      color: $secondColor2;
      font-size: 18px;
      line-height: 18px;
      height: 18px;
      width: 18px;
    }
  }
}

.into_storage_detail {
  height: calc(100vh - 92px);
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;

  .main {
    height: 100%;
    box-sizing: border-box;
    padding: 12px;
    background-color: #fff;

    .header {
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      padding:  0 12px;

      .title {
        display: flex;
        align-items: center;
        column-gap: 5px;

        .text {
          display: flex;
          align-items: center;
          column-gap: 2px;

          span {
            font-size: 14px;
            font-weight: bold;
            height: 14px;
            line-height: 14px;
          }

          .iconfont {
            color: $primaryColor;
          }
        }
      }

      .btn_group {
        display: flex;
        column-gap: 5px;
      }
    }

    .divider_line {
      border-bottom: 1px dotted #e5e5e5;
      margin: 12px 0;
    }

    .body {
      height: calc(100% - 28px - 25px);
      background-color: #fff;
      display: flex;
      flex-direction: column;
      row-gap: 18px;
      box-sizing: border-box;
      padding: 0 14px;

      .into_storage_info {
        display: flex;
        flex-direction: column;
        row-gap: 8px;

        .title {
          font-size: 12px;
          font-weight: bold;
          padding-left: 6px;
          border-left: 3px solid #007cff;
        }

        .info_list {
          display: flex;
          column-gap: 72px;
          padding: 0 16px;
          flex-wrap: wrap;
          row-gap: 12px;

          .info_item_container {
            display: flex;
            flex-direction: column;
            row-gap: 12px;

            .info_item {
              display: flex;
              column-gap: 5px;

              .label {
                color: #606266;
              }

              .value {
                color: #000;
              }
            }
          }

          .alignment {
            .info_item {
              .label {
                width: 80px;
                text-align: right;
              }
            }
          }

          .info_item {
            display: flex;
            column-gap: 5px;

            .label {
              color: #606266;
            }

            .value {
              color: #000;
            }
          }
        }
      }

      .product_info {
        display: flex;
        flex-direction: column;
        row-gap: 8px;

        .title {
          font-size: 12px;
          font-weight: bold;
          padding-left: 6px;
          border-left: 3px solid #007cff;
        }
      }

      .logistics_info {
        display: flex;
        flex-direction: column;
        row-gap: 8px;

        .title {
          font-size: 12px;
          padding-left: 6px;
          border-left: 3px solid $primaryColor;
          font-weight: bold;
        }

        .info_list {
          display: flex;
          column-gap: 72px;
          padding: 0 16px;

          .info_item {
            display: flex;
            column-gap: 5px;

            .label {
              color: #606266;
              white-space: nowrap;
            }

            .value {
              color: #000;
              max-width: 600px;
            }
          }
        }
      }

      .operate_info {
        display: flex;
        flex-direction: column;
        row-gap: 8px;

        .title {
          font-size: 12px;
          font-weight: bold;
          padding-left: 6px;
          border-left: 3px solid #007cff;
        }

        .info_list {
          display: flex;
          column-gap: 72px;
          row-gap: 12px;
          padding: 0 16px;
          flex-wrap: wrap;

          .info_item {
            display: flex;
            column-gap: 5px;

            .label {
              color: #606266;
              white-space: nowrap;
            }

            .value {
              color: #000;
              max-width: 600px;
            }
          }
        }
      }
    }
  }
}

.cancel_form,
.confirm_into_storage_form {
  :deep(.el-textarea) {
    width: 100%;

    .el-textarea__inner {
      width: 100% !important;
      min-height: 75px !important;
      max-height: 150px !important;
    }
  }
}

.select_code {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  height: 99%;

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .info_list {
      display: flex;
      column-gap: 32px;

      .info_item {
        display: flex;
        column-gap: 5px;

        .label {
          color: #606266;
        }

        .value {
          color: #000;
        }
      }
    }

    .btn_group {
      display: flex;
      column-gap: 5px;
    }
  }

  .table {
    max-height: calc(100% - 80px);
  }

  .pagination {
    display: flex;
    justify-content: flex-end;
  }
}

.code_detail {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  height: 99%;

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .info_list {
      display: flex;
      column-gap: 32px;

      .info_item {
        display: flex;
        column-gap: 5px;

        .label {
          color: #606266;
        }

        .value {
          color: #000;
        }
      }
    }
  }

  .table {
    max-height: calc(100% - 40px);

    :deep(.el-table__empty-block) {
      height: auto !important;
    }
  }
}
